

/* $  $,     ,
//                                        "ss.$ss. .s’
//                                ,     .ss$$$$$$$$$$s,
//                                $. s$$$$$$$$$$$$$$`$$Ss
//                                "$$$$$$$$$$$$$$$$$$o$$$       ,
//                               s$$$$$$$$$$$$$$$$$$$$$$$$s,  ,s
//                              s$$$$$$$$$"$$$$$$""""$$$$$$"$$$$$,
//                              s$$$$$$$$$$s""$$$$ssssss"$$$$$$$$”
//                             s$$$$$$$$$$'         `"""ss"$"$s"”
//                             s$$$$$$$$$$,              `"""""$  .s$$s
//                             s$$$$$$$$$$$$s,...               `s$$'  `
//                         `ssss$$$$$$$$$$$$$$$$$$$$####s.     .$$"$.   , s-
//                           `""""$$$$$$$$$$$$$$$$$$$$#####$$$$$$"     $.$’
//                                 "$$$$$$$$$$$$$$$$$$$$$####s""     .$$$|
//                                  "$$$$$$$$$$$$$$$$$$$$$$$$##s    .$$" $
//                                   $$""$$$$$$$$$$$$$$$$$$$$$$$$$$$$$"   `
//                                  $$"  "$"$$$$$$$$$$$$$$$$$$$$S""""’
//                             ,   ,"     '  $$$$$$$$$$$$$$$$####s
//                             $.          .s$$$$$$$$$$$$$$$$$####”
//                 ,           "$s.   ..ssS$$$$$$$$$$$$$$$$$$$####”
//                 $           .$$$S$$$$$$$$$$$$$$$$$$$$$$$$#####”
//                 Ss     ..sS$$$$$$$$$$$$$$$$$$$$$$$$$$$######"”
//                  "$$sS$$$$$$$$$$$$$$$$$$$$$$$$$$$########”
//           ,      s$$$$$$$$$$$$$$$$$$$$$$$$#########""’
//           $    s$$$$$$$$$$$$$$$$$$$$$#######""'      s'         ,
//           $$..$$$$$$$$$$$$$$$$$$######"'       ....,$$....    ,$
//            "$$$$$$$$$$$$$$$######"' ,     .sS$$$$$$$$$$$$$$$$s$$
//              $$$$$$$$$$$$#####"     $, .s$$$$$$$$$$$$$$$$$$$$$$$$s.
//   )          $$$$$$$$$$$#####'        `$$$$$$$$$###########$$$$$$$$$$$.
//  ((          $$$$$$$$$$$#####       $$$$$$$$###"       "####$$$$$$$$$$
//  ) \         $$$$$$$$$$$$####.     $$$$$$###"             "###$$$$$$$$$   s’
// (   )        $$$$$$$$$$$$$####.   $$$$$###"                ####$$$$$$$$s$$’
// )  ( (       $$"$$$$$$$$$$$#####.$$$$$###'                .###$$$$$$$$$$”
// (  )  )   _,$"   $$$$$$$$$$$$######.$$##'                .###$$$$$$$$$$
// ) (  ( \.         "$$$$$$$$$$$$$#######,,,.          ..####$$$$$$$$$$$”
//(   )$ )  )        ,$$$$$$$$$$$$$$$$$$####################$$$$$$$$$$$”
//(   ($$  ( \     _sS"  `"$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$S$$,
// )  )$$$s ) )  .      .   `$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$"'  `$$
//  (   $$$Ss/  .$,    .$,,s$$$$$$##S$$$$$$$$$$$$$$$$$$$$$$$$S""        ‘
//    \)_$$$$$$$$$$$$$$$$$$$$$$$##"  $$        `$$.        `$$.
//        `"S$$$$$$$$$$$$$$$$$#"      $          `$          `$
//            `"""""""""""""'         '           '           ' */
/*       
                Shenlong bless      code does not appear BUG                       
                        神龙保佑,代码不出BUG */
/* 轮播图 */

.lunbotu{
    position: relative;
    width: 100%;
    height: 640px;
    background: #494b52;
    overflow: hidden;
  
}
/* 轮播图公共区域 */
.index-lunbo{
    position: relative;
    height: 640px;
    width: 1920px;
    background: #494b52;
    margin: 0 auto;
}
/* 给五个图片添加样式 */
.index-lunbo>div{
    display: none;
     position: absolute;
    top: 97px;
    left: 0px;
    transition: top 1s;
}
/* 切换图片时的遮罩效果 */
.zhezhao{
    height: 510px;
    width: 100%;
    background: #494b52;
    position: absolute;
    z-index: 20;
    opacity: 0.8;
    top: 0px;
}
/* 轮播图第一部分 */
.index-lunbo .index-lunbo-centent-one{
    position: absolute;
    top: 0px;
    left: 0px;
    transition: top 1s;
}

/* .index-lunbo-centent-one a {
    display: block;
    position: absolute;
    top: 97px;
    transition: top 1s;
} */

.index-lunbo-centent-one a{
    display: block;
}
/* 轮播图图片 */
.index-lunbo img{
    width: 100%;
    height: 100%;
}
/* 轮播图内动态图片 */
.index-lunbo-centent-one-image-two{
    position: absolute;
    top: 0px;
    opacity: 1;
}
/* 轮播图底部指示器总体 */
.index-lunbo-click{
    width: 250px;
    height: 4px;
    position: absolute;
    bottom: 144px;
    left: 822px;
    cursor: pointer;
}
/* 包含轮播图底部指示器 */
.index-lunbo-click li{
    float: left;
    width: 40px;
    height: 4px;
    background: #46494e;
    margin-right: 10px;
  
}
/* 各个轮播图底部指示器设置样式 */
.index-lunbo-click li span{
    display: block;
    background-color:#ffffff;
    width: 0px;
    height: 100%;
}

/* 轮播图左侧导航 */
.index-lunbo-left-header{
    font-weight:bold;
    height: 310px;
    /* background: red; */
    position: absolute;
    top: 196px;
    left: 352px;
}
/* 轮播图左侧导航  标题部分*/
.index-lunbo-left-header h1{
margin-bottom: 12px;
    font-size: 40px;
}
/* 轮播图左侧导航  p标签部分 */
.index-lunbo-left-header p{

    font-size: 20px;
    line-height: 36px;
}
/* 轮播图左侧导航  跳转按钮部分*/
.index-lunbo-left-btn{
    float: left;
    font-weight: bold;
    color: #f3f4f4;
    margin-top: 40px;
    height: 36px;
    line-height: 20px;
    font-size: 20px;
     background: transparent;
     border: none;
     border-bottom: 3px solid #00c1de;
}
/* 轮播图左侧导航  跳转按钮内的箭头部分*/
.index-lunbo-left-btn-image{
    margin-left: 6px;
    display: block;
    float: right;
    width: 22px;
    height: 22px;
    border: none;
    background-size: 22px 22px;
    background-image: url(../../images/Xzs/arrow-right-white.png);
    background-repeat: no-repeat;
    background-position: 0px 0px;
}
/* 轮播图底部导航 */
.index-lunbo-lianjie{
    width: 100%;
    position: absolute;
    bottom: 0px;
    z-index: 1;
    background: #393b43;
    /* background: yellowgreen; */
}
/* 公共区域 */
.index-lunbo-lianjie-ul{
     width: 1200px;
     height: 136px;
     margin: 0 auto;
}
/* 底部导航的各个部分 */
.index-lunbo-lianjie-ul li{
    width: 240px;
    height: 136px;
    float: left;
    border-left: 1px solid #45474d;
    box-sizing: border-box;
    padding: 30px 26px 24px;
    transition: all .3s;
    } 
/* 鼠标移入改变背景颜色 */
    .index-lunbo-lianjie-ul li:hover{
        background: #42454c;
    }
    .index-lunbo-lianjie-ul li a{
        display: block;
    }
    /* 给最后一个加右边框 */
.index-lunbo-lianjie-ul li:last-child{
        border-right: 1px solid #45474d;
    }
/* 给底部导航标题添加属性 */
.index-lunbo-lianjie-ul li h2{
        font-size: 16px;
        margin-bottom: 8px;
        height: 18px;
        font-weight: bolder;
    }
/* 给底部导航内容添加属性 */
.index-lunbo-lianjie-ul li p{
        width:187px;
        color: #abacaf;
        font-size: 14px;
        line-height: 24px;
        font-weight: bold;
        /* font-family: inherit!important; */
    }
    /* 给body添加字体样式 */
    /* body{
        font: 12px/1.5 tahoma,arial,'Hiragino Sans GB',\5b8b\4f53,sans-serif;

    } */
    /* .index-product-hide-center{ */
        /* transition: all 1s; */
    /* } */
/* 清除浮动 */
.clearfix::after{
    content: "";
    display: block;
    clear: both;
}

.common{
    width: 1200px;
    margin: 0 auto;
}
/* 产品部分图片五环 */
.index-product-image{
    display: block;
    width: 130px;
    margin: 32px auto 24px;
}
/* 产品部分主标题 */
.index-product-title-top{
font-size: 24px;
text-align: center;
line-height: 36px;
color: #373d41;
}
/* 产品部分副标题 */
.index-product-title-bottom{
    text-align: center;
    font-size: 16px;
    margin: 8px 0 42px;
    display: block;
    color: #373d41;
}
/* 给产品部分副部分添加鼠标移入事件 */
.index-product-title-bottom:hover{
    color: #00c1de;
}
/* 产品内容 */
/* .index-product-center{
    /* width:1200px; */
    /* margin: 0 auto; */
/* }  */
/* 产品内容第一行 */

/* 点击图标 */
.index-product-center-one-title{
    width: 1200px;
    margin: 0 auto;
    height: 131px;
}
.index-product-center-two-title{
    width: 1200px;
    margin: 0 auto;
    height: 131px;
}
.index-product-center-three-title{
    width: 1200px;
    margin: 0 auto;
    height: 131px;
}
.index-product-center-four-title{
    width: 1200px;
    margin: 0 auto;
    height: 131px;
}
/* 给所有点击图标设置默认样式 */
.index-product-center-one-title-one,.index-product-center-one-title-two,.index-product-center-one-title-three,.index-product-center-one-title-four,.index-product-center-one-title-five{
    width: 20%;
    height: 100%;
    box-sizing: border-box;
    padding: 15px 39px;
    float: left;
}
.index-product-center-two-title-one,.index-product-center-two-title-two,.index-product-center-two-title-three,.index-product-center-two-title-four,.index-product-center-two-title-five{
    width: 20%;
    height: 100%;
    box-sizing: border-box;
    padding: 15px 39px;
    float: left;
}
.index-product-center-three-title-one,.index-product-center-three-title-two,.index-product-center-three-title-three,.index-product-center-three-title-four,.index-product-center-three-title-five{
    width: 20%;
    height: 100%;
    box-sizing: border-box;
    padding: 15px 39px;
    float: left;
}
.index-product-center-four-title-one,.index-product-center-four-title-two,.index-product-center-four-title-three,.index-product-center-four-title-four,.index-product-center-four-title-five{
    width: 20%;
    height: 100%;
    box-sizing: border-box;
    padding: 15px 39px;
    float: left;
}
/* 设置点击图标内的a标签的默认样式 */
.index-product-center-one-title>li>a{
    display: block;
    color: #373d41;
}
.index-product-center-two-title>li>a{
    display: block;
    color: #373d41;
}
.index-product-center-three-title>li>a{
    display: block;
    color: #373d41;
}
.index-product-center-four-title>li>a{
    display: block;
    color: #373d41;
}
/* * p标签属性 */ 
.index-product-center-one-title>li>a>p{
    text-align: center;
    font-size: 14px;
}
.index-product-center-two-title>li>a>p{
    text-align: center;
    font-size: 14px;
}
.index-product-center-three-title>li>a>p{
    text-align: center;
    font-size: 14px;
}
.index-product-center-four-title>li>a>p{
    text-align: center;
    font-size: 14px;
}
/* tab切换点击图标设置默认样式 */
/* 第一行第一个 */
.index-product-center-one-title-one .product{
    width: 80px;
    height: 80px;
    margin: auto;
    background-image: url(../../images/Xzs/TB1fk0RQVXXXXajXVXXXXXXXXXX-160-160.png);
    background-repeat: no-repeat;
    background-size: contain;
}
/* 第一行第二个 */
.index-product-center-one-title-two .product{
    width: 80px;
    height: 80px;
    margin: auto;
    background-image: url(../../images/Xzs/TB1oCR6QVXXXXXXXFXXXXXXXXXX-160-160.png);
    background-repeat: no-repeat;
    background-size: contain;
      box-sizing: border-box;
}
/* 第一行第三个 */
.index-product-center-one-title-three .product{
    width: 80px;
    height: 80px;
    margin: auto;
    background-image: url(../../images/Xzs/TB1kZRHQVXXXXX.aXXXXXXXXXXX-160-160.png);
    background-repeat: no-repeat;
    background-size: contain;
      box-sizing: border-box;
}
/* 第一行第四个 */
.index-product-center-one-title-four .product{
    width: 80px;
    height: 80px;
    margin: auto;
    background-image: url(../../images/Xzs/TB1UeN.QVXXXXX1XFXXXXXXXXXX-160-160.png);
    background-repeat: no-repeat;
    background-size: contain;
      box-sizing: border-box;
}
/* 第一行第五个 */
.index-product-center-one-title-five .product{
    width: 80px;
    height: 80px;
    margin: auto;
    background-image: url(../../images/Xzs/TB1Qr4RQVXXXXbvXVXXXXXXXXXX-160-160.png);
    background-repeat: no-repeat;
    background-size: contain;
      box-sizing: border-box;
}

/* 第二行第一个 */
.index-product-center-two-title-one .product{
    width: 80px;
    height: 80px;
    margin: auto;
    background-image: url(../../images/Xzs/TB1EnOXQVXXXXcUXpXXXXXXXXXX-160-160.png);
    background-repeat: no-repeat;
    background-size: contain;
}
/* 第二行第二个 */
.index-product-center-two-title-two .product{
    width: 80px;
    height: 80px;
    margin: auto;
    background-image: url(../../images/Xzs/TB1txh6QVXXXXaVXFXXXXXXXXXX-160-160.png);
    background-repeat: no-repeat;
    background-size: contain;
      box-sizing: border-box;
}
/* 第二行第三个 */
.index-product-center-two-title-three .product{
    width: 80px;
    height: 80px;
    margin: auto;
    background-image: url(../../images/Xzs/TB1XYlAQVXXXXc1aXXXXXXXXXXX-160-160.png);
    background-repeat: no-repeat;
    background-size: contain;
      box-sizing: border-box;
}
/* 第二行第四个 */
.index-product-center-two-title-four .product{
    width: 80px;
    height: 80px;
    margin: auto;
    background-image: url(../../images/Xzs/TB15q1mQVXXXXc6XXXXXXXXXXXX-160-160.png);
    background-repeat: no-repeat;
    background-size: contain;
      box-sizing: border-box;
}
/* 第二行第五个 */
.index-product-center-two-title-five .product{
    width: 80px;
    height: 80px;
    margin: auto;
    background-image: url(../../images/Xzs/TB1JomaQVXXXXaMXFXXXXXXXXXX-160-160.png);
    background-repeat: no-repeat;
    background-size: contain;
      box-sizing: border-box;
}
/* 第三行第三行第三行第三行第三行第三行第三行第三行第三行第三行第三行第三行第三行第三行第三行第三行 */
/* 第三行第一个 */
.index-product-center-three-title-one .product{
    width: 80px;
    height: 80px;
    margin: auto;
    background-image: url(../../images/Xzs/TB1ylFIQVXXXXXSaXXXXXXXXXXX-160-160.png);
    background-repeat: no-repeat;
    background-size: contain;
}
/* 第三行第二个 */
.index-product-center-three-title-two .product{
    width: 80px;
    height: 80px;
    margin: auto;
    background-image: url(../../images/Xzs/TB1FmxFQVXXXXbjaXXXXXXXXXXX-160-160.png);
    background-repeat: no-repeat;
    background-size: contain;
      box-sizing: border-box;
}
/* 第三行第三个 */
.index-product-center-three-title-three .product{
    width: 80px;
    height: 80px;
    margin: auto;
    background-image: url(../../images/Xzs/TB1xQKXQVXXXXcKXpXXXXXXXXXX-160-160.png);
    background-repeat: no-repeat;
    background-size: contain;
      box-sizing: border-box;
}
/* 第三行第四个 */
.index-product-center-three-title-four .product{
    width: 80px;
    height: 80px;
    margin: auto;
    background-image: url(../../images/Xzs/TB1OalFQVXXXXaIaXXXXXXXXXXX-160-160.png);
    background-repeat: no-repeat;
    background-size: contain;
      box-sizing: border-box;
}
/* 第三行第五个 */
.index-product-center-three-title-five .product{
    width: 80px;
    height: 80px;
    margin: auto;
    background-image: url(../../images/Xzs/TB12iJnQVXXXXaoXVXXXXXXXXXX-160-160.png);
    background-repeat: no-repeat;
    background-size: contain;
      box-sizing: border-box;
}
/* 第四行第四行第四行第四行第四行第四行第四行第四行第四行 */
/* tab切换点击图标设置点击后样式 */
/* 第四行第一个 */
.index-product-center-four-title-one .product{
    width: 80px;
    height: 80px;
    margin: auto;
    background-image: url(../../images/Xzs/TB1zCFIQVXXXXcKXVXXXXXXXXXX-160-160.png);
    background-repeat: no-repeat;
    background-size: contain;
}
/* 第四行第二个 */
.index-product-center-four-title-two .product{
    width: 80px;
    height: 80px;
    margin: auto;
    background-image: url(../../images/Xzs/TB1GBxKQVXXXXXTaXXXXXXXXXXX-160-160.png);
    background-repeat: no-repeat;
    background-size: contain;
      box-sizing: border-box;
}
/* 第四行第三个 */
.index-product-center-four-title-three .product{
    width: 80px;
    height: 80px;
    margin: auto;
    background-image: url(../../images/Xzs/TB1HFw4SFXXXXctaXXXXXXXXXXX-160-160.png);
    background-repeat: no-repeat;
    background-size: contain;
      box-sizing: border-box;
}
/* 第四行第四个 */
.index-product-center-four-title-four .product{
    width: 80px;
    height: 80px;
    margin: auto;
    background-image: url(../../images/Xzs/TB1NACtQVXXXXXlXpXXXXXXXXXX-160-160.png);
    background-repeat: no-repeat;
    background-size: contain;
      box-sizing: border-box;
}
/* 第一行第一个 */
.index-product-center-one-title-one .products{
    width: 80px;
    height: 80px;
    margin: auto;
    background-image: url(../../images/Xzs/TB1XhNOQVXXXXXcaXXXXXXXXXXX-160-160.png);
    background-repeat: no-repeat;
    background-size: contain;
}
/* 第一行第二个 */
 .index-product-center-one-title-two .products{
    width: 80px;
    height: 80px;
    margin: auto;
    background-image: url(../../images/Xzs/TB1s_xUQVXXXXXiXVXXXXXXXXXX-160-160.png);
    background-repeat: no-repeat;
    background-size: contain;
}
/* 第一行第三个 */
 .index-product-center-one-title-three .products{
    width: 80px;
    height: 80px;
    margin: auto;
    background-image: url(../../images/Xzs/TB1AO1pQVXXXXX6XXXXXXXXXXXX-160-160.png);
    background-repeat: no-repeat;
    background-size: contain;
}
/* 第一行第四个 */
 .index-product-center-one-title-four .products{
    width: 80px;
    height: 80px;
    margin: auto;
    background-image: url(../../images/Xzs/TB1hCRYQVXXXXa7XFXXXXXXXXXX-160-160.png);
    background-repeat: no-repeat;
    background-size: contain;
 }
/* 第一行第五个 */
 .index-product-center-one-title-five .products{
    width: 80px;
    height: 80px;
    margin: auto;
    background-image: url(../../images/Xzs/TB1Y.p7QVXXXXXHXFXXXXXXXXXX-160-160.png);
    background-repeat: no-repeat;
    background-size: contain;
 }

 /* 第二行第一个 */
.index-product-center-two-title-one .products{
    width: 80px;
    height: 80px;
    margin: auto;
    background-image: url(../../images/Xzs/TB1kFSaQVXXXXXmXFXXXXXXXXXX-160-160.png);
    background-repeat: no-repeat;
    background-size: contain;
}
/* 第二行第二个 */
 .index-product-center-two-title-two .products{
    width: 80px;
    height: 80px;
    margin: auto;
    background-image: url(../../images/Xzs/TB1ikp1QVXXXXcHXFXXXXXXXXXX-160-160.png);
    background-repeat: no-repeat;
    background-size: contain;
}
/* 第二行第三个 */
 .index-product-center-two-title-three .products{
    width: 80px;
    height: 80px;
    margin: auto;
    background-image: url(../../images/Xzs/TB1m95cQVXXXXcSXpXXXXXXXXXX-160-160.png);
    background-repeat: no-repeat;
    background-size: contain;
}
/* 第二行第四个 */
 .index-product-center-two-title-four .products{
    width: 80px;
    height: 80px;
    margin: auto;
    background-image: url(../../images/Xzs/TB1ZiR8QVXXXXacXFXXXXXXXXXX-160-160.png);
    background-repeat: no-repeat;
    background-size: contain;
 }
/* 第二行第五个 */
 .index-product-center-two-title-five .products{
    width: 80px;
    height: 80px;
    margin: auto;
    background-image: url(../../images/Xzs/TB1_60pQVXXXXXKaXXXXXXXXXXX-160-160.png);
    background-repeat: no-repeat;
    background-size: contain;
 }

 /* 第三行第一个 */
.index-product-center-three-title-one .products{
    width: 80px;
    height: 80px;
    margin: auto;
    background-image: url(../../images/Xzs/TB1y59cQVXXXXbGXpXXXXXXXXXX-160-160.png);
    background-repeat: no-repeat;
    background-size: contain;
}
/* 第三行第二个 */
 .index-product-center-three-title-two .products{
    width: 80px;
    height: 80px;
    margin: auto;
    background-image: url(../../images/Xzs/TB1lnJDQVXXXXcjaXXXXXXXXXXX-160-160.png);
    background-repeat: no-repeat;
    background-size: contain;
}
/* 第三行第三个 */
 .index-product-center-three-title-three .products{
    width: 80px;
    height: 80px;
    margin: auto;
    background-image: url(../../images/Xzs/TB1k4tIQVXXXXcMXVXXXXXXXXXX-160-160.png);
    background-repeat: no-repeat;
    background-size: contain;
}
/* 第三行第四个 */
 .index-product-center-three-title-four .products{
    width: 80px;
    height: 80px;
    margin: auto;
    background-image: url(../../images/Xzs/TB1Ft86QVXXXXaBXFXXXXXXXXXX-160-160.png);
    background-repeat: no-repeat;
    background-size: contain;
 }
/* 第三行第五个 */
 .index-product-center-three-title-five .products{
    width: 80px;
    height: 80px;
    margin: auto;
    background-image: url(../../images/Xzs/TB1i3iyQVXXXXXoXXXXXXXXXXXX-160-160.png);
    background-repeat: no-repeat;
    background-size: contain;
 }
 .index-product-center-four-title-one .products{
    width: 80px;
    height: 80px;
    margin: auto;
    background-image: url(../../images/Xzs/TB1gWanQVXXXXcEXXXXXXXXXXXX-160-160.png);
    background-repeat: no-repeat;
    background-size: contain;
}
/* 第一行第二个 */
 .index-product-center-four-title-two .products{
    width: 80px;
    height: 80px;
    margin: auto;
    background-image: url(../../images/Xzs/TB1GkFHQVXXXXaTaXXXXXXXXXXX-160-160.png);
    background-repeat: no-repeat;
    background-size: contain;
}
/* 第一行第三个 */
 .index-product-center-four-title-three .products{
    width: 80px;
    height: 80px;
    margin: auto;
    background-image: url(../../images/Xzs/TB1JcU4SFXXXXbCapXXXXXXXXXX-160-160.png);
    background-repeat: no-repeat;
    background-size: contain;
}
/* 第一行第四个 */
 .index-product-center-four-title-four .products{
    width: 80px;
    height: 80px;
    margin: auto;
    background-image: url(../../images/Xzs/TB18XOXQVXXXXbzXFXXXXXXXXXX-160-160.png);
    background-repeat: no-repeat;
    background-size: contain;
 }
 .product-hot-item{
    width: 350px;
    margin-bottom: 42px;
    cursor: pointer;
 }

/* 鼠标移入字体变色 */
.index-product-center>div>ul>li>a:hover{
    color: #00c1de !important;
}
.products+p{
    color: #00c1de !important;
}
/* 隐藏的div的属性 */
.index-product-hide-center{
    background: #f5f5f6;
    width: 100%;
    overflow: hidden;
}
/* 给隐藏div第一部分添加属性 */
.product-hot-box{
    width: 32.5%;
    height: 360px;
    float: left;
    position: relative;
}
/* 点击图标所对应的隐藏div默认属性 */
/* 第一行第一个 */
.product-center{
    /* background: #f5f5f6; */
    width: 1200px;
    height: 0px;
    margin: 0 auto;
    /* height: 400px; */
    /* display: none; */
    /* padding-top: 20px; */
    overflow: hidden;
    /* transition: all 1s; */
}
.product-center::before{
    content: "";
    height: 20px;
    display: block
}
/* .products-center::before{
    content: "";
    height: 20px;
    display: block
} */
.product-center:after {
    content: "";
    height: 20px;
    display: block;
    float: left;
    width: 100%;
}
/* .products-center:after {
    content: "";
    height: 20px;
    display: block;
    float: left;
    width: 100%;
} */
/* 第一行第二个 */

/* 点击图标所对应的隐藏div的点击后属性 */
/* 第一行第一个 */
/* .products-center{
    /* background: #f5f5f6; */
    /* width: 1200px; */
    /* margin: 0 auto; */
    /* height: auto; */
    /* display: block; */
    /* padding-top: 20px; */
    /* transition: all 1s; */
 /* }  */
/* 第一行第二个 */

/* 隐藏div内的第一部分顶部的属性设置 */
.product-hot-item-name{
    font-size: 18px;
    color: #373d41;
    line-height: 24px;
    margin-top: 12px;
    transition: all .3s;
    font-weight: bolder;
    font-family: "微软雅黑"; 
    position: relative;
}
/* 给包含h1的a标签设置默认属性 */
.product-hot-item-wrap{
    display: block;
}
/* 给hot标签设置属性 */
.product-hot-item-name>img{
  width: 26px;
  vertical-align: 1px;
}
/* 给颖仓div内紧随标题的p标签设置属性 */
.product-hot-item-describe{
    font-size: 12px;
    color: #9b9ea0;
    line-height: 18px;
    margin-top: 8px;
    font-family: "微软雅黑";
}
/* 鼠标移入div标题变色 */
.product-hot-item-wrap:hover .product-hot-item-name{
    color: #00c1de;
}

/* 给立即购买按钮设置默认属性 */
.product-hot-item-btn{
    display: block;
    width: 96px;
    height: 28px;
    line-height: 28px;
    border: 1px solid #373d41;
    font-size: 12px;
    color: #373d41;
    text-align: center;
    margin-top: 16px;
    cursor: pointer;
    text-decoration: none;
    transition: all .3s ;
    font-family: "微软雅黑";
}
/* 鼠标移入立即购买按钮他本身变色 */
.product-hot-item-btn:hover{
    color: #00c1de;
    border-color: #00c1de;
}
/* 隐藏div内第一部分底部属性设置 */
/* .product-center-one-one-one-bottom{
    width: 350px;
    margin-bottom: 42px;
    cursor: pointer;
} */

.product-normal-box{
    float: left;
    width: 33.5%;
}
.product-name-item-name{
    font-size: 14px;
    color: #373d41;
    line-height: 24px;
}
.product-name-item-name img{
    width: 26px;
}
.product-name-item{
    width: 374px;
    height: 72px;
    padding: 12px 20px;
    margin-left: 0;
    margin-right: 32px;
    box-sizing: border-box;
    float: left;
    cursor: pointer;
    position: relative;
    transition: all 0.5s ;
    font-family: "微软雅黑";
}
.product-name-item:hover{
    background: #fff;
    box-shadow: 0 0 8px 0 rgba(0,0,0,.15);
}
.product-name-item:hover .iconfont{
    opacity: 1;
}
.product-name-item-describe{
    font-size: 12px;
    color: #9b9ea0;
    line-height: 24px;
}
    .iconfont{
        opacity: 0;
        position: absolute;
        right: 12px;
        top: 30px;
        transition: all .3s ;
        font-weight: 100;
        color: #373d41;
    }

.product-show-more{
    width: 120px;
    height: 36px;
    line-height: 36px;
    margin: 35px auto 40px;
    text-align: center;
    font-size: 14px;
    color: #373d41;
    border: 1px solid #373d41;
    cursor: pointer;
    }
    .product-hide-more{
        display: none;
        /* height: 0px; */
        /* transition: all 1s; */
        overflow: hidden;
    }
    .product-show-more:hover{
        color: #00c1de;
        border: 1px solid #00c1de
    }










    .index-product-center>div>div{
        /* height: auto; */
        overflow: hidden;
    }
    .product-center{
        height: auto;
    }
    .product-center{
       display: none;
    }










/* =========================华丽的分割线========================= */
.lunbo-box{
    width: 100%;
    height: 420px;
    background-color: #373d41;
}
.box-btn{
    position: relative;
    width: 1440px;
    height: 420px;
    margin: 0px auto;
}
.lunbo-box>.box-btn>button{
    position: absolute;
    display: none;
    top: 0px;
    height: 420px;
    width: 50px;
    background: transparent;
    border: none;
    font-size: 50px;
    color: white;
    font-weight: bold;
    background-color: rgba(11, 15, 18, 0.2);
    z-index: 10;
    /* opacity: 0; */
    transition: background 0.5s;
    cursor: pointer;
}
.lunbo-box>.box-btn:hover>button{
    display: block;
   
}
.lunbo-left{
    left: 0px;
}
.lunbo-right{
    right: 0px;
}
.lunbo-img{
    position: relative;
    overflow: hidden;
    width: 1440PX;
}
.lunbo-img-ul{
    position: absolute;
    width: calc(11 * 288px);
    height: 420px;
}
.lunbo-img-li{
    position: relative;
    float: left;
    color: #000;
    font-size: 0;
    text-align: center;
    width: 288px;
    height: 420px;
    /* min-height: 344px; */
    cursor: pointer;
}
.lunbo-img-li>a{
    display: block;
}
.lunbo-img-li>a>img{
    width: 100%;
    height: 100%;
}
.lunbo-mask{
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0
}
.lunbo-bg{
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background: #161a1d;
    opacity: .6;
    transition: all .4s cubic-bezier(.4,0,.2,1);
}
.lunbo-li-center{
    position: absolute;
    left: 0;
    right: 0;
    top: 100px;
    bottom: 0;
    transition: all .4s cubic-bezier(.4,0,.2,1);
}
.lunbo-li-center-icon{
    position: relative;
    width: 25%;
    height: 72px;
    display: inline-block;
}
.icon-img{
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    width: 100%;
    display: inline-block;
    opacity: 1;
    transition: all .4s cubic-bezier(.4,0,.2,1);
}
.icon-img-hover{
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    width: 100%;
    display: inline-block;
    transition: all .4s cubic-bezier(.4,0,.2,1);
    opacity: 0;
}
.lunbo-center-p{
    padding: 0;
    margin: 0;
    font-size: 0;
    line-height: 0;
    margin-top: 20px;
    transition: all .4s cubic-bezier(.4,0,.2,1);
}
.lunbo-p-i{
    width: 20px;
    height: 2px;
    background: #fff;
    display: inline-block;
    opacity: 1;
    transition: all .4s cubic-bezier(.4,0,.2,1);
}
.lunbo-center-h3{
    color: #fff;
    font-size: 22px;
    line-height: 24px;
    margin: 0;
    padding: 0;
    margin-top: 24px;
    font-weight: 700;
    transition: all .4s cubic-bezier(.4,0,.2,1);
}
.lunbo-center-p2{
    font-size: 14px;
    color: #fff;
    text-align: center;
    margin-top: 30px;
    padding: 0 23px;
    line-height: 24px;
    height: 72px;
    opacity: 0;
    transition: all .4s cubic-bezier(.4,0,.2,1);
}
.lunbo-center-span{
    display: inline-block;
    border: 1px solid #fff;
    width: 120px;
    height: 36px;
    line-height: 36px;
    font-size: 14px;
    color: #fff;
    text-decoration: none;
    margin-top: 62px;
    opacity: 0;
    transition: all .4s cubic-bezier(.4,0,.2,1);
}

.lunbo-img-li:hover .lunbo-bg{
    background: #00c2de;
    opacity: .9;
}

.lunbo-img-li:hover .icon-img{
    opacity: 0;
}
.lunbo-img-li:hover .icon-img-hover{
    opacity: 1 !important;
}
.lunbo-img-li:hover  .lunbo-p-i{
    opacity: 0;
}
.lunbo-img-li:hover  .lunbo-center-h3{
    margin-top: 12px;
}
.lunbo-img-li:hover .lunbo-center-p2{
    margin-top: 22px;
    opacity: 1 !important;
}
.lunbo-img-li:hover .lunbo-center-span{
    margin-top: 14%;
    opacity: 1 !important;
}
.lunbo-img-li:hover .lunbo-li-center{
    top: 13%;
}

.jingling{
    margin-top: 76px;
    margin-bottom: 76px;
}
.jingling-tit{
    position: relative;
    margin-bottom: 67px;
}
.jingling-h1{
    cursor: default;
    text-align: center;
    font-size: 24px;
    color: #373d41;
}
.jingling-a{
    display: block;
    text-align: center;
    margin-top: 12px;
    font-size: 16px;
    color: #5f6367;
}
.jingling-img{
    width: 1200px;
    margin: 0 auto;
}
.jingling-center{
    width: 33.3%;
    text-align: center;
    height: 200px;
    float: left;
    margin: 10px auto;
}
.jinglingimg{
    position: relative;
    height: 75px;
    width: 75px;
    background: no-repeat 50%;
    margin: 0 auto;
    background-size: 75px;
    background-image: url(../../images/Xzs/TB1ceKWLXXXXXaEapXXXXXXXXXX-150-9000.jpg);
    background-position: 0px 0px;
}
 .jingling-center:first-child  .jinglingimg{
    position: relative;
    height: 75px;
    width: 75px;
    background: no-repeat 50%;
    margin: 0 auto;
    background-size: 75px;
    background-image: url(../../images/Xzs/TB1ceKWLXXXXXaEapXXXXXXXXXX-150-9000.jpg);
    background-position: 0px 0px;
}
.jingling-center:nth-child(2) .jinglingimg{
    position: relative;
    height: 75px;
    width: 75px;
    background: no-repeat 50%;
    margin: 0 auto;
    background-size: 75px;
    background-image: url(../../images/xzs/TB1sd_fLXXXXXX2XFXXXXXXXXXX-150-9000.jpg);
    background-position: 0px 0px;
}
.jingling-center:nth-child(3) .jinglingimg{
    position: relative;
    height: 75px;
    width: 75px;
    background: no-repeat 50%;
    margin: 0 auto;
    background-size: 75px;
    background-image: url(../../images/xzs/TB1icTcLXXXXXclXFXXXXXXXXXX-150-9000.jpg);
    background-position: 0px 0px;
}
.jingling-center:nth-child(4) .jinglingimg{
    position: relative;
    height: 75px;
    width: 75px;
    background: no-repeat 50%;
    margin: 0 auto;
    background-size: 75px;
    background-image: url(../../images/xzs/TB1l3YmLXXXXXb9XXXXXXXXXXXX-150-9000.jpg);
    background-position: 0px 0px;
}
.jingling-center:nth-child(5) .jinglingimg{
    position: relative;
    height: 75px;
    width: 75px;
    background: no-repeat 50%;
    margin: 0 auto;
    background-size: 75px;
    background-image: url(../../images/xzs/TB1.1fkLXXXXXXrXpXXXXXXXXXX-150-9000.jpg);
    background-position: 0px 0px;
}
.jingling-center:nth-child(6) .jinglingimg{
    position: relative;
    height: 75px;
    width: 75px;
    background: no-repeat 50%;
    margin: 0 auto;
    background-size: 75px;
    background-image: url(../../images/xzs/TB1heGZLXXXXXaeapXXXXXXXXXX-150-9000.jpg);
    background-position: 0px 0px;
}
.jingling-center-h2{
    transition: all .15s cubic-bezier(.4,0,.2,1);
    font-size: 20px;
    color: #373d41;
    margin-top: 10px;
    font-weight: 700;
}
.jingling-center-ul{
    padding-top: 10px;
}
.jingling-center-list{
    display: inline-block;
    list-style: decimal!important;
    padding: 0;
    font-size: 14px;
    position: relative;
    height: 21px;
}
.jingling-center-list-a:hover{
    color: #00c1de;
}
.jingling-center-list-a{
    text-decoration: none;
    transition: all .15s cubic-bezier(.4,0,.2,1);
    color: #a9b0b4;
}
.daka{
    background-color: #f5f5f5;
    padding-top: 80px;
    padding-bottom: 80px;
}
.daka-title{
    margin: 0 auto;
    width: 1200px;
    margin-bottom: 68px;
}
.daka-title-h1{
    font-size: 24px;
    text-align: center;
    font-weight: 500;
    color: #000;
}
.daka-title-a{
    display: block;
    text-align: center;
    margin-top: 12px;
    font-size: 16px;
    color: #5f6367;
}
.daka-title-a:hover{
    color: #00c1de;
}
.daka-center{
    width: 1200px;
    margin: 0 auto;
}
.daka-center-box{
    float: left;
    width: 33.3%;
    padding-left: 10px;
    padding-right: 10px;
    box-sizing: border-box;
}
.daka-center-top{
    display: block;
    box-sizing: border-box;
}
/* 大咖云集顶部内容的内容 */
.daka-center-top-top{
    transition: all .15s cubic-bezier(.4,0,.2,1);
    cursor: pointer;
    margin-bottom: 20px;
    background-color: #fff;
    border: 1px solid #c5d8db;
    height: 230px;
}
.daka-center-top-img{
    width: 100%;
    overflow: hidden;
    height: 170px;
}
.daka-center-top-img>img{
    transition: all .5s ease;
    width: 100%;
    cursor: pointer;
}
.daka-center-top-img>img:hover{
transform:scale(1.1);
}
.daka-center-top-text{
    padding: 18px 25px;
    font-size: 14px;
    color: #373d41;
}
.daka-center-top-text>p{
    box-sizing: border-box;
}
.daka-center-bottom{
    font-size: 14px;
    padding-left: 0;
    line-height: 2;
}
.daka-center-bottom .daka-center-bottom-a{
    transition: all .15s cubic-bezier(.4,0,.2,1);
    color: #373d41;
    text-decoration: none;
}
.daka-center-bottom-a:hover{
    color: #00c1de;
}
.diyu{
    height: 100px;
    background-image: url(../../images/Xzs/TB1E7gFoXkoBKNjSZFkXXb4tFXa-2880-400.png);
}
.diyu-a{
    line-height: 100px;
    position: relative;
    z-index: 1;
    text-align: center;
    width: 100%;
    display: block;
    text-decoration: none;
    font-size: 24px;
    color: #fff;
}
.diyu-span{
    width: 190px;
}
.diyu-box{
    background-color: pink;
    opacity: .5;
    z-index: 0;
    top: 0;
    bottom: 0;
    width: 100%;
    background-repeat: no-repeat!important;
    background-image: url(../../images/Xzs/TB1E7gFoXkoBKNjSZFkXXb4tFXa-2880-400.png);
    background-size: 100%!important;
    text-align: center;
 }
/* 地图部分  */
.map{
    margin-top: 80px;
    margin-bottom: 50px;
}
.map-title{
    margin-bottom: 60px;
    text-align: center;
}
.map-title>h1{
    text-align: center;
    font-size: 24px;
    color: #373D41;
}
.map-title>a{
    display: block;
    margin-top: 12px;
    font-size: 16px;
    color: #5F6367;
}
.map-img{
    position: relative;
    width: 100%;
}
.map-img>img{
    width: 100%
}



@keyframes warn {
    0% {
        transform: scale(0.3);
        -webkit-transform: scale(0.3);
        opacity: 0.0;
    }

    25% {
        transform: scale(0.3);
        -webkit-transform: scale(0.3);
        opacity: 0.1;
    }

    50% {
        transform: scale(0.5);
        -webkit-transform: scale(0.5);
        opacity: 0.3;
    }

    75% {
        transform: scale(0.8);
        -webkit-transform: scale(0.8);
        opacity: 0.5;
    }

    100% {
        transform: scale(1);
        -webkit-transform: scale(1);
        opacity: 0.0;
    }
}

@keyframes warn1 {
    0% {
        transform: scale(0.3);
        -webkit-transform: scale(0.3);
        opacity: 0.0;
    }

    25% {
        transform: scale(0.3);
        -webkit-transform: scale(0.3);
        opacity: 0.1;
    }

    50% {
        transform: scale(0.3);
        -webkit-transform: scale(0.3);
        opacity: 0.3;
    }

    75% {
        transform: scale(0.5);
        -webkit-transform: scale(0.5);
        opacity: 0.5;
    }

    100% {
        transform: scale(0.8);
        -webkit-transform: scale(0.8);
        opacity: 0.0;
    }
}

@keyframes warn2 {
    0% {
        transform: scale(0.3);
        -webkit-transform: scale(0.3);
        opacity: 0.0;
    }

    25% {
        transform: scale(0.3);
        -webkit-transform: scale(0.3);
        opacity: 0.1;
    }

    50% {
        transform: scale(0.3);
        -webkit-transform: scale(0.3);
        opacity: 0.3;
    }

    75% {
        transform: scale(0.3);
        -webkit-transform: scale(0.3);
        opacity: 0.3;
    }

    100% {
        transform: scale(0.5);
        -webkit-transform: scale(0.5);
        opacity: 0.0;
    }
}

.container {
    position: absolute;
    width: 88px;
    height: 88px;
    left: 10px;
    top: 10px;
    padding: 100px auto;
}

.map-name{
    position: absolute;
    top: 36px;
    left: 50px;
}

.dot {
    position: absolute;
    width: 10px;
    height: 10px;
    left: 40px;
    top: 40px;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border: 1px solid #00c1de;
    border-radius: 50%;
    background-color:#00c1de;
    z-index: 2;
    cursor: pointer;
}


.pulse {
    position: absolute;
    width: 100%;
    height: 100%;
    /* left: 120px; */
    /* top: 120px; */
    border: 2px solid #00c1de;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    z-index: 1;
    opacity: 0;
    /* -webkit-animation: warn 2s ease-out;
    -moz-animation: warn 2s ease-out; */
    animation: warn 2.5s linear;
    /* -webkit-animation-iteration-count: infinite;
    -moz-animation-iteration-count: infinite; */
    animation-iteration-count: infinite;

}


.pulse1 {
    position: absolute;
    width: 100%;
    height: 100%;
    /* left: 120px; */
    /* top: 120px; */
    border: 2px solid #00c1de;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    z-index: 1;
    opacity: 0;
    /* -webkit-animation: warn1 2s ease-out;
    -moz-animation: warn1 2s ease-out; */
    animation: warn1 2.5s linear;
    /* -webkit-animation-iteration-count: infinite;
    -moz-animation-iteration-count: infinite; */
    animation-iteration-count: infinite;

}
.pulse2 {
    position: absolute;
    width: 100%;
    height:100%;
    /* left: 120px; */
    /* top: 120px; */
    border: 2px solid #00c1de;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    z-index: 1;
    opacity: 0;
    /* -webkit-animation: warn1 2s ease-out;
    -moz-animation: warn1 2s ease-out; */
    animation: warn2 2.5s linear;
    /* -webkit-animation-iteration-count: infinite;
    -moz-animation-iteration-count: infinite; */
    animation-iteration-count: infinite;

}

.map-bottom{
    padding: 0 10%;
}
.map-bottom-a{
    box-sizing: border-box;
    padding: 0 10px;
    float: left;
    width: 25%;
}
.map-bottom-a>p{
    float: left;
    line-height: 50px;
    color: #373D41;
    font-size: 12px;
    padding-left: 10px;
}
.map-bottom-a>img{
    width: 50px;
    height: 50px;
    float: left;
}
.xieshou{
    margin-top: 80px;
    box-sizing: border-box;
}
.xieshou-title{
    margin-bottom: 12px;
}
.xieshou-title>h1{
    text-align: center;
    font-size: 24px;
    color: #373d41;
}
.xieshou-title>a{
    display: block;
    text-align: center;
    margin-top: 12px;
    font-size: 16px;
    color: #5f6367;
}
.xieshou-center-li{
    float: left;
    box-sizing: border-box;
    width: 20%;
    height: 203px;
}
.xieshou-center-li>img{
    text-align: center;
    height: 130px;
    padding-top: 36.5px;
    box-sizing: border-box;
}
.xieshou-img{
    position: relative;
    width: 100%;
    height: 200px;
    background-image: url(../../images/Xzs/TB1E7gFoXkoBKNjSZFkXXb4tFXa-2880-400.png);
}
.xieshou-img-tit{
    position: absolute;
    top: 56px;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 2;
    color: #fff;
    text-align: center;
}
.xieshou-img-p{
    font-size: 24px;
    line-height: 31px;
    margin-bottom: 17px;
}
.xieshou-img-a{
    box-sizing: border-box;
}
.xieshou-img-btn{
    transition: all .225s ease-in-out;
    color: #fff;
    background: transparent;
    border: 1px solid #fff;
    font-size: 16px!important;
    line-height: 36px;
    padding: 0 28px;
    height: 36px;
    outline: none;
    cursor: pointer;
    font-weight: bold;
}
.xieshou-img-btn:hover{
    color: #00c1de;
    background-color: #fff;
}
.bulue{
    color: #00c1de !important;
}